<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的淘宝</title>
    <style>
     #site-nav{
        position:relative;
        left: 180px;
     }
     .logo-search{
    position:relative;
   
   }
   .logo-search div{
    left: 180px;
    position:relative;
    display: inline;
    padding-right: 9%;
   }
   .channel-menu{
    left: 180px;
    position:relative;
    display: inline;
    padding-right: 9%;
   }
   #hot-screen{
    display: inline;
   }
   .product-list
   {
    left: 180px;
    position:relative;
    display: inline;
    padding-right: 9%;
   }
   .attraction{
    left: 2.5%;
    position:relative;
    display: inline;
    height: 10%;
   }
   .expressway{
    left: 2.5%;
    position:relative;
    display: inline;
    height: 10%;
   }
    </style>
</head>
<body>
<!-- 导航部分 -->
<div id="site-nav">
    <div id="site-nav-bd">
        <img src="images/site-nav.jpg" />
    </div>
</div>

<!-- 页面头部 -->
<div id="top-header">
    <div class="logo-search">
        <div class="logo"><img src="images/logo.jpg" /></div>
        <div class="search"><img src="images/search.jpg" /></div>
    </div>
    <div class="channel-menu"><img src="images/channel-menu.jpg" /></div>
</div>

<!-- 热门部分 -->
<div id="hot-screen">
    <div class="product-list"><img src="images/product-list.jpg" /></div>
    <div class="attraction"><img src="images/attraction.jpg" /></div>
    <div class="expressway"><img src="images/expressway.jpg" /></div>
</div>
</body>
</html>
